/*
* Copyright 2025 NXP
* NXP Confidential and Proprietary. This software is owned or controlled by NXP and may only be used strictly in
* accordance with the applicable license terms. By expressly accepting such terms or by downloading, installing,
* activating and/or otherwise using the software, you are agreeing that you have read, and that you agree to
* comply with and are bound by, such license terms.  If you do not agree to be bound by the applicable license
* terms, then you may not retain, install, activate or otherwise use the software.
*/

#include "lvgl.h"
#include <stdio.h>
#include "gui_guider.h"
#include "events_init.h"
#include "widgets_init.h"
#include "custom.h"



void setup_scr_area(lv_ui *ui)
{
	//Write codes area
	ui->area = lv_obj_create(NULL);
	ui->g_kb_area = lv_keyboard_create(ui->area);
	lv_obj_add_event_cb(ui->g_kb_area, kb_event_cb, LV_EVENT_ALL, NULL);
	lv_obj_add_flag(ui->g_kb_area, LV_OBJ_FLAG_HIDDEN);
	lv_obj_set_style_text_font(ui->g_kb_area, &lv_font_SourceHanSerifSC_Regular_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_size(ui->area, 1024, 600);
	lv_obj_set_scrollbar_mode(ui->area, LV_SCROLLBAR_MODE_OFF);

	//Write style for area, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area, lv_color_hex(0xF4F3EF), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes area_label_1
	ui->area_label_1 = lv_label_create(ui->area);
	lv_label_set_text(ui->area_label_1, "\n温区Ⅰ                         温区Ⅱ                         温区Ⅲ\n\n\n温度>>                                                                                                           \n\n\n\n容积>>                                                                                                           ");
	lv_label_set_long_mode(ui->area_label_1, LV_LABEL_LONG_WRAP);
	lv_obj_set_pos(ui->area_label_1, 223, 137);
	lv_obj_set_size(ui->area_label_1, 752, 297);

	//Write style for area_label_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_border_width(ui->area_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_label_1, 10, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->area_label_1, lv_color_hex(0x2F92DA), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_label_1, &lv_font_SourceHanSerifSC_Regular_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_label_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_letter_space(ui->area_label_1, 2, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_line_space(ui->area_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_align(ui->area_label_1, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->area_label_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_label_1, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_label_1, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->area_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->area_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->area_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->area_label_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->area_label_1, 20, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_color(ui->area_label_1, lv_color_hex(0xb7b7b7), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_opa(ui->area_label_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_spread(ui->area_label_1, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_x(ui->area_label_1, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_y(ui->area_label_1, 1, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes area_btn_1
	ui->area_btn_1 = lv_btn_create(ui->area);
	ui->area_btn_1_label = lv_label_create(ui->area_btn_1);
	lv_label_set_text(ui->area_btn_1_label, "<< 返回主菜单 " LV_SYMBOL_HOME " ");
	lv_label_set_long_mode(ui->area_btn_1_label, LV_LABEL_LONG_WRAP);
	lv_obj_align(ui->area_btn_1_label, LV_ALIGN_CENTER, 0, 0);
	lv_obj_set_style_pad_all(ui->area_btn_1, 0, LV_STATE_DEFAULT);
	lv_obj_set_width(ui->area_btn_1_label, LV_PCT(100));
	lv_obj_set_pos(ui->area_btn_1, 30, 26);
	lv_obj_set_size(ui->area_btn_1, 146, 39);

	//Write style for area_btn_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area_btn_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_btn_1, lv_color_hex(0x2F92DA), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_btn_1, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->area_btn_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_btn_1, 5, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->area_btn_1, 20, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_color(ui->area_btn_1, lv_color_hex(0xb7b7b7), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_opa(ui->area_btn_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_spread(ui->area_btn_1, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_x(ui->area_btn_1, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_y(ui->area_btn_1, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->area_btn_1, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_btn_1, &lv_font_SourceHanSerifSC_Regular_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_btn_1, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_align(ui->area_btn_1, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes area_list_1
	ui->area_list_1 = lv_list_create(ui->area);
	ui->area_list_1_item0 = lv_list_add_btn(ui->area_list_1, LV_SYMBOL_LIST, "201 —2025-01-10");
	lv_obj_set_pos(ui->area_list_1, 29, 143);
	lv_obj_set_size(ui->area_list_1, 156, 208);
	lv_obj_set_scrollbar_mode(ui->area_list_1, LV_SCROLLBAR_MODE_OFF);

	//Write style state: LV_STATE_DEFAULT for &style_area_list_1_main_main_default
	static lv_style_t style_area_list_1_main_main_default;
	ui_init_style(&style_area_list_1_main_main_default);
	
	lv_style_set_pad_top(&style_area_list_1_main_main_default, 5);
	lv_style_set_pad_left(&style_area_list_1_main_main_default, 5);
	lv_style_set_pad_right(&style_area_list_1_main_main_default, 5);
	lv_style_set_pad_bottom(&style_area_list_1_main_main_default, 5);
	lv_style_set_bg_opa(&style_area_list_1_main_main_default, 255);
	lv_style_set_bg_color(&style_area_list_1_main_main_default, lv_color_hex(0xffffff));
	lv_style_set_bg_grad_dir(&style_area_list_1_main_main_default, LV_GRAD_DIR_NONE);
	lv_style_set_border_width(&style_area_list_1_main_main_default, 0);
	lv_style_set_radius(&style_area_list_1_main_main_default, 10);
	lv_style_set_shadow_width(&style_area_list_1_main_main_default, 20);
	lv_style_set_shadow_color(&style_area_list_1_main_main_default, lv_color_hex(0xb7b7b7));
	lv_style_set_shadow_opa(&style_area_list_1_main_main_default, 255);
	lv_style_set_shadow_spread(&style_area_list_1_main_main_default, 1);
	lv_style_set_shadow_ofs_x(&style_area_list_1_main_main_default, 1);
	lv_style_set_shadow_ofs_y(&style_area_list_1_main_main_default, 1);
	lv_obj_add_style(ui->area_list_1, &style_area_list_1_main_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_DEFAULT for &style_area_list_1_main_scrollbar_default
	static lv_style_t style_area_list_1_main_scrollbar_default;
	ui_init_style(&style_area_list_1_main_scrollbar_default);
	
	lv_style_set_radius(&style_area_list_1_main_scrollbar_default, 3);
	lv_style_set_bg_opa(&style_area_list_1_main_scrollbar_default, 255);
	lv_style_set_bg_color(&style_area_list_1_main_scrollbar_default, lv_color_hex(0xffffff));
	lv_style_set_bg_grad_dir(&style_area_list_1_main_scrollbar_default, LV_GRAD_DIR_NONE);
	lv_obj_add_style(ui->area_list_1, &style_area_list_1_main_scrollbar_default, LV_PART_SCROLLBAR|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_DEFAULT for &style_area_list_1_extra_btns_main_default
	static lv_style_t style_area_list_1_extra_btns_main_default;
	ui_init_style(&style_area_list_1_extra_btns_main_default);
	
	lv_style_set_pad_top(&style_area_list_1_extra_btns_main_default, 5);
	lv_style_set_pad_left(&style_area_list_1_extra_btns_main_default, 5);
	lv_style_set_pad_right(&style_area_list_1_extra_btns_main_default, 5);
	lv_style_set_pad_bottom(&style_area_list_1_extra_btns_main_default, 5);
	lv_style_set_border_width(&style_area_list_1_extra_btns_main_default, 0);
	lv_style_set_text_color(&style_area_list_1_extra_btns_main_default, lv_color_hex(0x0D3055));
	lv_style_set_text_font(&style_area_list_1_extra_btns_main_default, &lv_font_montserratMedium_12);
	lv_style_set_text_opa(&style_area_list_1_extra_btns_main_default, 255);
	lv_style_set_radius(&style_area_list_1_extra_btns_main_default, 3);
	lv_style_set_bg_opa(&style_area_list_1_extra_btns_main_default, 255);
	lv_style_set_bg_color(&style_area_list_1_extra_btns_main_default, lv_color_hex(0xffffff));
	lv_style_set_bg_grad_dir(&style_area_list_1_extra_btns_main_default, LV_GRAD_DIR_NONE);
	lv_obj_add_style(ui->area_list_1_item0, &style_area_list_1_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_DEFAULT for &style_area_list_1_extra_texts_main_default
	static lv_style_t style_area_list_1_extra_texts_main_default;
	ui_init_style(&style_area_list_1_extra_texts_main_default);
	
	lv_style_set_pad_top(&style_area_list_1_extra_texts_main_default, 5);
	lv_style_set_pad_left(&style_area_list_1_extra_texts_main_default, 5);
	lv_style_set_pad_right(&style_area_list_1_extra_texts_main_default, 5);
	lv_style_set_pad_bottom(&style_area_list_1_extra_texts_main_default, 5);
	lv_style_set_border_width(&style_area_list_1_extra_texts_main_default, 0);
	lv_style_set_text_color(&style_area_list_1_extra_texts_main_default, lv_color_hex(0x0D3055));
	lv_style_set_text_font(&style_area_list_1_extra_texts_main_default, &lv_font_montserratMedium_12);
	lv_style_set_text_opa(&style_area_list_1_extra_texts_main_default, 255);
	lv_style_set_radius(&style_area_list_1_extra_texts_main_default, 3);
	lv_style_set_bg_opa(&style_area_list_1_extra_texts_main_default, 255);
	lv_style_set_bg_color(&style_area_list_1_extra_texts_main_default, lv_color_hex(0xffffff));
	lv_style_set_bg_grad_dir(&style_area_list_1_extra_texts_main_default, LV_GRAD_DIR_NONE);

	//Write codes area_btn_2
	ui->area_btn_2 = lv_btn_create(ui->area);
	ui->area_btn_2_label = lv_label_create(ui->area_btn_2);
	lv_label_set_text(ui->area_btn_2_label, "一 键 配 置 " LV_SYMBOL_LOOP " ");
	lv_label_set_long_mode(ui->area_btn_2_label, LV_LABEL_LONG_WRAP);
	lv_obj_align(ui->area_btn_2_label, LV_ALIGN_CENTER, 0, 0);
	lv_obj_set_style_pad_all(ui->area_btn_2, 0, LV_STATE_DEFAULT);
	lv_obj_set_width(ui->area_btn_2_label, LV_PCT(100));
	lv_obj_set_pos(ui->area_btn_2, 50, 381);
	lv_obj_set_size(ui->area_btn_2, 114, 36);

	//Write style for area_btn_2, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area_btn_2, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_btn_2, lv_color_hex(0x098D6B), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_btn_2, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->area_btn_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_btn_2, 5, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->area_btn_2, 20, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_color(ui->area_btn_2, lv_color_hex(0xb7b7b7), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_opa(ui->area_btn_2, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_spread(ui->area_btn_2, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_x(ui->area_btn_2, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_y(ui->area_btn_2, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->area_btn_2, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_btn_2, &lv_font_SourceHanSerifSC_Regular_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_btn_2, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_align(ui->area_btn_2, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes area_btn_3
	ui->area_btn_3 = lv_btn_create(ui->area);
	ui->area_btn_3_label = lv_label_create(ui->area_btn_3);
	lv_label_set_text(ui->area_btn_3_label, "完 成 温 区 配 置 " LV_SYMBOL_OK " ");
	lv_label_set_long_mode(ui->area_btn_3_label, LV_LABEL_LONG_WRAP);
	lv_obj_align(ui->area_btn_3_label, LV_ALIGN_CENTER, 0, 0);
	lv_obj_set_style_pad_all(ui->area_btn_3, 0, LV_STATE_DEFAULT);
	lv_obj_set_width(ui->area_btn_3_label, LV_PCT(100));
	lv_obj_set_pos(ui->area_btn_3, 305, 501);
	lv_obj_set_size(ui->area_btn_3, 414, 45);

	//Write style for area_btn_3, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area_btn_3, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_btn_3, lv_color_hex(0x098D6B), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_btn_3, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->area_btn_3, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_btn_3, 5, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->area_btn_3, 20, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_color(ui->area_btn_3, lv_color_hex(0xb7b7b7), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_opa(ui->area_btn_3, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_spread(ui->area_btn_3, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_x(ui->area_btn_3, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_ofs_y(ui->area_btn_3, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->area_btn_3, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_btn_3, &lv_font_SourceHanSerifSC_Regular_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_btn_3, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_align(ui->area_btn_3, LV_TEXT_ALIGN_CENTER, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes area_area1_temp
	ui->area_area1_temp = lv_spinbox_create(ui->area);
	lv_obj_set_pos(ui->area_area1_temp, 348, 191);
	lv_obj_set_width(ui->area_area1_temp, 90);
	lv_obj_set_height(ui->area_area1_temp, 30);
	lv_spinbox_set_digit_format(ui->area_area1_temp, 3, 2);
	lv_spinbox_set_range(ui->area_area1_temp, -999, 999);
	lv_coord_t area_area1_temp_h = lv_obj_get_height(ui->area_area1_temp);
	ui->area_area1_temp_btn = lv_btn_create(ui->area);
	lv_obj_set_size(ui->area_area1_temp_btn, area_area1_temp_h, area_area1_temp_h);
	lv_obj_align_to(ui->area_area1_temp_btn, ui->area_area1_temp, LV_ALIGN_OUT_RIGHT_MID, 5, 0);
	lv_obj_set_style_bg_img_src(ui->area_area1_temp_btn, LV_SYMBOL_PLUS, 0);
	lv_obj_add_event_cb(ui->area_area1_temp_btn, lv_area_area1_temp_increment_event_cb, LV_EVENT_ALL, NULL);
	ui->area_area1_temp_btn_minus = lv_btn_create(ui->area);
	lv_obj_set_size(ui->area_area1_temp_btn_minus, area_area1_temp_h, area_area1_temp_h);
	lv_obj_align_to(ui->area_area1_temp_btn_minus, ui->area_area1_temp, LV_ALIGN_OUT_LEFT_MID, -5, 0);
	lv_obj_set_style_bg_img_src(ui->area_area1_temp_btn_minus, LV_SYMBOL_MINUS, 0);
	lv_obj_add_event_cb(ui->area_area1_temp_btn_minus, lv_area_area1_temp_decrement_event_cb, LV_EVENT_ALL, NULL);
	lv_obj_set_pos(ui->area_area1_temp, 348, 191);

	//Write style for area_area1_temp, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area_area1_temp, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_area1_temp, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_area1_temp, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->area_area1_temp, 2, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_opa(ui->area_area1_temp, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_color(ui->area_area1_temp, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_side(ui->area_area1_temp, LV_BORDER_SIDE_FULL, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->area_area1_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->area_area1_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->area_area1_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->area_area1_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->area_area1_temp, lv_color_hex(0x000000), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_area1_temp, &lv_font_montserratMedium_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_area1_temp, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_letter_space(ui->area_area1_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_area1_temp, 5, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->area_area1_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for area_area1_temp, Part: LV_PART_CURSOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_text_color(ui->area_area1_temp, lv_color_hex(0xffffff), LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_area1_temp, &lv_font_montserratMedium_12, LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_area1_temp, 255, LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->area_area1_temp, 255, LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_area1_temp, lv_color_hex(0x2195f6), LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_area1_temp, LV_GRAD_DIR_NONE, LV_PART_CURSOR|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_DEFAULT for &style_area_area1_temp_extra_btns_main_default
	static lv_style_t style_area_area1_temp_extra_btns_main_default;
	ui_init_style(&style_area_area1_temp_extra_btns_main_default);
	
	lv_style_set_text_color(&style_area_area1_temp_extra_btns_main_default, lv_color_hex(0xffffff));
	lv_style_set_text_font(&style_area_area1_temp_extra_btns_main_default, &lv_font_montserratMedium_12);
	lv_style_set_text_opa(&style_area_area1_temp_extra_btns_main_default, 255);
	lv_style_set_bg_opa(&style_area_area1_temp_extra_btns_main_default, 255);
	lv_style_set_bg_color(&style_area_area1_temp_extra_btns_main_default, lv_color_hex(0x2195f6));
	lv_style_set_bg_grad_dir(&style_area_area1_temp_extra_btns_main_default, LV_GRAD_DIR_NONE);
	lv_style_set_border_width(&style_area_area1_temp_extra_btns_main_default, 0);
	lv_style_set_radius(&style_area_area1_temp_extra_btns_main_default, 5);
	lv_obj_add_style(ui->area_area1_temp_btn, &style_area_area1_temp_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_add_style(ui->area_area1_temp_btn_minus, &style_area_area1_temp_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes area_slider_1
	ui->area_slider_1 = lv_slider_create(ui->area);
	lv_slider_set_range(ui->area_slider_1, 0, 100);
	lv_slider_set_mode(ui->area_slider_1, LV_SLIDER_MODE_RANGE);
	lv_slider_set_value(ui->area_slider_1, 70, LV_ANIM_OFF);
	lv_slider_set_left_value(ui->area_slider_1, 30, LV_ANIM_OFF);
	lv_obj_set_pos(ui->area_slider_1, 272, 361);
	lv_obj_set_size(ui->area_slider_1, 663, 18);

	//Write style for area_slider_1, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area_slider_1, 60, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_slider_1, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_slider_1, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_slider_1, 50, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_outline_width(ui->area_slider_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->area_slider_1, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for area_slider_1, Part: LV_PART_INDICATOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area_slider_1, 255, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_slider_1, lv_color_hex(0x2195f6), LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_slider_1, LV_GRAD_DIR_NONE, LV_PART_INDICATOR|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_slider_1, 50, LV_PART_INDICATOR|LV_STATE_DEFAULT);

	//Write style for area_slider_1, Part: LV_PART_KNOB, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area_slider_1, 255, LV_PART_KNOB|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_slider_1, lv_color_hex(0x2195f6), LV_PART_KNOB|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_slider_1, LV_GRAD_DIR_NONE, LV_PART_KNOB|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_slider_1, 50, LV_PART_KNOB|LV_STATE_DEFAULT);

	//Write codes area_area2_temp
	ui->area_area2_temp = lv_spinbox_create(ui->area);
	lv_obj_set_pos(ui->area_area2_temp, 558, 191);
	lv_obj_set_width(ui->area_area2_temp, 90);
	lv_obj_set_height(ui->area_area2_temp, 30);
	lv_spinbox_set_digit_format(ui->area_area2_temp, 3, 2);
	lv_spinbox_set_range(ui->area_area2_temp, -999, 999);
	lv_coord_t area_area2_temp_h = lv_obj_get_height(ui->area_area2_temp);
	ui->area_area2_temp_btn = lv_btn_create(ui->area);
	lv_obj_set_size(ui->area_area2_temp_btn, area_area2_temp_h, area_area2_temp_h);
	lv_obj_align_to(ui->area_area2_temp_btn, ui->area_area2_temp, LV_ALIGN_OUT_RIGHT_MID, 5, 0);
	lv_obj_set_style_bg_img_src(ui->area_area2_temp_btn, LV_SYMBOL_PLUS, 0);
	lv_obj_add_event_cb(ui->area_area2_temp_btn, lv_area_area2_temp_increment_event_cb, LV_EVENT_ALL, NULL);
	ui->area_area2_temp_btn_minus = lv_btn_create(ui->area);
	lv_obj_set_size(ui->area_area2_temp_btn_minus, area_area2_temp_h, area_area2_temp_h);
	lv_obj_align_to(ui->area_area2_temp_btn_minus, ui->area_area2_temp, LV_ALIGN_OUT_LEFT_MID, -5, 0);
	lv_obj_set_style_bg_img_src(ui->area_area2_temp_btn_minus, LV_SYMBOL_MINUS, 0);
	lv_obj_add_event_cb(ui->area_area2_temp_btn_minus, lv_area_area2_temp_decrement_event_cb, LV_EVENT_ALL, NULL);
	lv_obj_set_pos(ui->area_area2_temp, 558, 191);

	//Write style for area_area2_temp, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area_area2_temp, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_area2_temp, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_area2_temp, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->area_area2_temp, 2, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_opa(ui->area_area2_temp, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_color(ui->area_area2_temp, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_side(ui->area_area2_temp, LV_BORDER_SIDE_FULL, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->area_area2_temp, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->area_area2_temp, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->area_area2_temp, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->area_area2_temp, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->area_area2_temp, lv_color_hex(0x000000), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_area2_temp, &lv_font_montserratMedium_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_area2_temp, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_letter_space(ui->area_area2_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_area2_temp, 5, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->area_area2_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for area_area2_temp, Part: LV_PART_CURSOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_text_color(ui->area_area2_temp, lv_color_hex(0xffffff), LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_area2_temp, &lv_font_montserratMedium_12, LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_area2_temp, 255, LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->area_area2_temp, 255, LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_area2_temp, lv_color_hex(0x2195f6), LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_area2_temp, LV_GRAD_DIR_NONE, LV_PART_CURSOR|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_DEFAULT for &style_area_area2_temp_extra_btns_main_default
	static lv_style_t style_area_area2_temp_extra_btns_main_default;
	ui_init_style(&style_area_area2_temp_extra_btns_main_default);
	
	lv_style_set_text_color(&style_area_area2_temp_extra_btns_main_default, lv_color_hex(0xffffff));
	lv_style_set_text_font(&style_area_area2_temp_extra_btns_main_default, &lv_font_montserratMedium_12);
	lv_style_set_text_opa(&style_area_area2_temp_extra_btns_main_default, 255);
	lv_style_set_bg_opa(&style_area_area2_temp_extra_btns_main_default, 255);
	lv_style_set_bg_color(&style_area_area2_temp_extra_btns_main_default, lv_color_hex(0x2195f6));
	lv_style_set_bg_grad_dir(&style_area_area2_temp_extra_btns_main_default, LV_GRAD_DIR_NONE);
	lv_style_set_border_width(&style_area_area2_temp_extra_btns_main_default, 0);
	lv_style_set_radius(&style_area_area2_temp_extra_btns_main_default, 5);
	lv_obj_add_style(ui->area_area2_temp_btn, &style_area_area2_temp_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_add_style(ui->area_area2_temp_btn_minus, &style_area_area2_temp_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes area_area3_temp
	ui->area_area3_temp = lv_spinbox_create(ui->area);
	lv_obj_set_pos(ui->area_area3_temp, 771, 191);
	lv_obj_set_width(ui->area_area3_temp, 90);
	lv_obj_set_height(ui->area_area3_temp, 30);
	lv_spinbox_set_digit_format(ui->area_area3_temp, 3, 2);
	lv_spinbox_set_range(ui->area_area3_temp, -999, 999);
	lv_coord_t area_area3_temp_h = lv_obj_get_height(ui->area_area3_temp);
	ui->area_area3_temp_btn = lv_btn_create(ui->area);
	lv_obj_set_size(ui->area_area3_temp_btn, area_area3_temp_h, area_area3_temp_h);
	lv_obj_align_to(ui->area_area3_temp_btn, ui->area_area3_temp, LV_ALIGN_OUT_RIGHT_MID, 5, 0);
	lv_obj_set_style_bg_img_src(ui->area_area3_temp_btn, LV_SYMBOL_PLUS, 0);
	lv_obj_add_event_cb(ui->area_area3_temp_btn, lv_area_area3_temp_increment_event_cb, LV_EVENT_ALL, NULL);
	ui->area_area3_temp_btn_minus = lv_btn_create(ui->area);
	lv_obj_set_size(ui->area_area3_temp_btn_minus, area_area3_temp_h, area_area3_temp_h);
	lv_obj_align_to(ui->area_area3_temp_btn_minus, ui->area_area3_temp, LV_ALIGN_OUT_LEFT_MID, -5, 0);
	lv_obj_set_style_bg_img_src(ui->area_area3_temp_btn_minus, LV_SYMBOL_MINUS, 0);
	lv_obj_add_event_cb(ui->area_area3_temp_btn_minus, lv_area_area3_temp_decrement_event_cb, LV_EVENT_ALL, NULL);
	lv_obj_set_pos(ui->area_area3_temp, 771, 191);

	//Write style for area_area3_temp, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_bg_opa(ui->area_area3_temp, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_area3_temp, lv_color_hex(0xffffff), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_area3_temp, LV_GRAD_DIR_NONE, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_width(ui->area_area3_temp, 2, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_opa(ui->area_area3_temp, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_color(ui->area_area3_temp, lv_color_hex(0x2195f6), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_border_side(ui->area_area3_temp, LV_BORDER_SIDE_FULL, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->area_area3_temp, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->area_area3_temp, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->area_area3_temp, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->area_area3_temp, 1, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->area_area3_temp, lv_color_hex(0x000000), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_area3_temp, &lv_font_montserratMedium_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_area3_temp, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_letter_space(ui->area_area3_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_area3_temp, 5, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->area_area3_temp, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write style for area_area3_temp, Part: LV_PART_CURSOR, State: LV_STATE_DEFAULT.
	lv_obj_set_style_text_color(ui->area_area3_temp, lv_color_hex(0xffffff), LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_area3_temp, &lv_font_montserratMedium_12, LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_area3_temp, 255, LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->area_area3_temp, 255, LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_color(ui->area_area3_temp, lv_color_hex(0x2195f6), LV_PART_CURSOR|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_grad_dir(ui->area_area3_temp, LV_GRAD_DIR_NONE, LV_PART_CURSOR|LV_STATE_DEFAULT);

	//Write style state: LV_STATE_DEFAULT for &style_area_area3_temp_extra_btns_main_default
	static lv_style_t style_area_area3_temp_extra_btns_main_default;
	ui_init_style(&style_area_area3_temp_extra_btns_main_default);
	
	lv_style_set_text_color(&style_area_area3_temp_extra_btns_main_default, lv_color_hex(0xffffff));
	lv_style_set_text_font(&style_area_area3_temp_extra_btns_main_default, &lv_font_montserratMedium_12);
	lv_style_set_text_opa(&style_area_area3_temp_extra_btns_main_default, 255);
	lv_style_set_bg_opa(&style_area_area3_temp_extra_btns_main_default, 255);
	lv_style_set_bg_color(&style_area_area3_temp_extra_btns_main_default, lv_color_hex(0x2195f6));
	lv_style_set_bg_grad_dir(&style_area_area3_temp_extra_btns_main_default, LV_GRAD_DIR_NONE);
	lv_style_set_border_width(&style_area_area3_temp_extra_btns_main_default, 0);
	lv_style_set_radius(&style_area_area3_temp_extra_btns_main_default, 5);
	lv_obj_add_style(ui->area_area3_temp_btn, &style_area_area3_temp_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_add_style(ui->area_area3_temp_btn_minus, &style_area_area3_temp_extra_btns_main_default, LV_PART_MAIN|LV_STATE_DEFAULT);

	//Write codes area_label_2
	ui->area_label_2 = lv_label_create(ui->area);
	lv_label_set_text(ui->area_label_2, "30                                30                               30");
	lv_label_set_long_mode(ui->area_label_2, LV_LABEL_LONG_WRAP);
	lv_obj_set_pos(ui->area_label_2, 380, 263);
	lv_obj_set_size(ui->area_label_2, 512, 20);

	//Write style for area_label_2, Part: LV_PART_MAIN, State: LV_STATE_DEFAULT.
	lv_obj_set_style_border_width(ui->area_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_radius(ui->area_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_color(ui->area_label_2, lv_color_hex(0x000000), LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_font(ui->area_label_2, &lv_font_SourceHanSerifSC_Regular_16, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_opa(ui->area_label_2, 255, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_letter_space(ui->area_label_2, 2, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_line_space(ui->area_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_text_align(ui->area_label_2, LV_TEXT_ALIGN_LEFT, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_bg_opa(ui->area_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_top(ui->area_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_right(ui->area_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_bottom(ui->area_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_pad_left(ui->area_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);
	lv_obj_set_style_shadow_width(ui->area_label_2, 0, LV_PART_MAIN|LV_STATE_DEFAULT);

	//The custom code of area.
	

	//Update current screen layout.
	lv_obj_update_layout(ui->area);

	//Init events for screen.
	events_init_area(ui);
}
